<html>


<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Language" content="zh-CN">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="referrer" content="always">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <title>个人空间</title>
    <meta name="keywords">
    <meta name="description">

    <link rel="stylesheet" href="../static/Semantic-UI-CSS-master/semantic.css">
    <script src="../static/Semantic-UI-CSS-master/semantic.js"></script>
    <link rel="stylesheet" href="../static/css/space.628313b8.css">
    <script src="../static/js/jquery-1.10.2.min.js"></script>
</head>

<body class="pushable dimmable">


<div class="pusher ">

    <div id="mainScreen">
        <div class="ui container">
            <div class="ui grid space-admin">
                <div class="row">
                    <div class="three wide column tablet computer only sidebar">
                        <h2 class="ui header title">个人空间管理</h2>
                        <div class="ui secondary vertical green text menu admin-menu">
                            <div class="item">
                                <h4 class="ui header">个人信息管理</h4>
                                <div class="menu">
                                    <div class="item">
                                        <a href="inbox.html">我的消息</a>
                                    </div>
                                    <div class="item active">
                                        <a href="profile.html">修改个人资料</a>
                                    </div>
                                    <div class="item">
                                        <a href="chpwd.html">修改登录密码</a>
                                    </div>
                                    <div class="item">
                                        <a href="change-email.html">修改登录邮箱</a>
                                    </div>

                                </div>
                            </div>

                        </div>
                    </div>
                    <div class="thirteen wide computer thirteen wide tablet sixteen wide mobile column">

                        <div class="ui small breadcrumb mb-hide">
                            <a class="section" href="https://my.oschina.net/tyred">TYRED的个人空间</a>
                            <i class="right chevron icon divider"></i>
                            <a class="section" href="profile.html">个人空间管理</a>
                            <i class="right chevron icon divider"></i>
                            <div class="active section">修改个人资料</div>
                        </div>

                        <a class="user-setting" href="admin.html">
                            <i class="angle left icon"></i>返回空间管理</a>
                        <div class="profile-wrap">
                            <div class="ui green pointing secondary massive menu space-tab">
                                <a id="baseInfo_1" class="active item" onclick="return false;">基本资料</a>
                                <a id="contactInfo_1" class=" item" onclick="return false;">联系信息</a>
                                <a id="skillInfo_1" class=" item" onclick="return false;">IT职业技能</a>
                            </div>

                            <div id="baseInfo_2" class="ui active tab basic padded segment">
                                <form class="ui base-info form">

                                    <div class="ui grid stackable">
                                        <div class="twelve wide column">
                                            <div class="field mb-show" style="text-align:center">
                                                <label>头像111</label>
                                                <div class="avatar-wrap">
                                                    <div id="btn2"
                                                         class="ui small circular image bordered avatar-container dimmable">
                                                        <div id="up2"
                                                             class="ui dimmer upload-btn-wrap transition hidden">
                                                            <div class="content">
                                                                <div class="ui small primary button upload-avatar-btn">
                                                                    上传头像
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="osc-avatar large-portrait _150x150 current-user-avatar"
                                                             title="TYRED" data-user-id="4088216">
                                                            <img src="../static/image/gd2.jpg"
                                                                 alt="TYRED" title="TYRED">
                                                        </div>
                                                    </div>
                                                </div>
                                                <br>
                                            </div>
                                            <div class="field">
                                                <label>昵称</label>
                                                <div class="two fields">
                                                    <div class="eight wide field mb-tip">
                                                        <input type="text" name="name" placeholder="请输入昵称"
                                                               maxlength="20">
                                                    </div>
                                                    <div class="field mb-tip">
                                                        <span class="tip">2~20个字符</span>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="field">
                                                <label>性别</label>
                                                <div class="inline fields">
                                                    <div class="disabled field">
                                                        <div class="ui radio checkbox">
                                                            <input type="radio" name="gender" value="1" class="hidden"
                                                                   checked="" tabindex="0">
                                                            <label>男</label>
                                                        </div>
                                                    </div>
                                                    <div class="disabled field">
                                                        <div class="ui radio checkbox">
                                                            <input type="radio" name="gender" value="2" class="hidden"
                                                                   tabindex="0">
                                                            <label>女</label>
                                                        </div>
                                                    </div>
                                                    <span class="tip">性别不可修改</span>
                                                </div>
                                            </div>

                                            <div class="field">
                                                <label>出生日期</label>
                                                <div class="two fields">
                                                    <div class="eight wide field mb-tip">
                                                        <input type="text" name="name" placeholder="请输入日期"
                                                               maxlength="20">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="field">
                                                <label>居住地区</label>
                                                <div class="two fields">
                                                    <div class="eight wide field mb-tip">
                                                        <input type="text" name="name" placeholder="请输入居住地区"
                                                               maxlength="20">
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="thirteen wide field">
                                                <label>个性签名<span class="tip">（不超过100字）</span></label>
                                                <textarea name="signature" rows="2" placeholder="请输入个性签名"
                                                          maxlength="100"></textarea>
                                            </div>
                                            <div class="field">
                                                <div class="ui checkbox">
                                                    <input type="hidden" name="weekly_report" value="0">
                                                    <input type="checkbox" name="weekly_report" value="1" class="hidden"
                                                           checked="checked" tabindex="0">
                                                    <label>邮件订阅每周精粹 </label>
                                                </div>
                                            </div>
                                            <div class="field">
                                                <div class="ui checkbox">
                                                    <input type="hidden" name="notify" value="0">
                                                    <input type="checkbox" name="notify" value="1" class="hidden"
                                                           checked="checked" tabindex="0">
                                                    <label>有回复或者关注软件的新闻发布时邮件提醒我 </label>
                                                </div>
                                            </div>
                                            <div class="ui positive mini message osc hidden"></div>
                                            <div class="ui negative mini message osc hidden"></div>
                                            <div class="ui primary large submit button">保存修改</div>
                                        </div>
                                        <div class="four wide column">
                                            <div class="field mb-hide" style="text-align:center">
                                                <label>头像2222</label>
                                                <div class="avatar-wrap">
                                                    <div id="btn"
                                                         class="ui small circular image bordered avatar-container dimmable">
                                                        <div id="up"
                                                             class="ui dimmer upload-btn-wrap transition hidden">
                                                            <div class="content">
                                                                <div class="ui small primary button upload-avatar-btn">
                                                                    上传头像
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="osc-avatar large-portrait _150x150 current-user-avatar"
                                                             title="TYRED" data-user-id="4088216">
                                                            <img src="../static/image/gd2.jpg"
                                                                 alt="TYRED" title="TYRED">
                                                        </div>
                                                    </div>
                                                </div>
                                                <br>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>

                            <div id="contactInfo_2" class="ui  tab basic padded segment">
                                <form class="ui contact-info form">
                                    <div class="four wide field">
                                        <label>联系电话</label>
                                        <input type="text" name="tel" placeholder="请输入联系电话"
                                               maxlength="32">
                                    </div>
                                    <div class="inline field">
                                        <div class="ui checked checkbox ">
                                            <input type="hidden" name="open_tel" value="0">
                                            <input type="checkbox" name="open_tel" value="0"
                                                   tabindex="0">
                                            <label>对外公开</label>
                                        </div>
                                    </div>
                                    <div class="six wide field">
                                        <label>邮箱地址</label>
                                        <input type="text" name="email" placeholder="请输入邮箱地址"
                                               maxlength="64">
                                    </div>
                                    <div class="inline fields">
                                        <div class="field">
                                            <div class="ui checkbox checked">
                                                <input type="hidden" name="open_email" value="0">
                                                <input type="checkbox" name="open_email" value="1"
                                                       tabindex="0">
                                                <label>对外公开</label>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="four wide field">
                                        <label>QQ</label>
                                        <input type="text" name="qq" placeholder="请输入QQ" value="" maxlength="16">
                                    </div>
                                    <div class="six wide field">
                                        <label>我的其他网站</label>
                                        <input type="text" name="website" placeholder="请输入网址" value="" maxlength="64">
                                    </div>
                                    <div class="ui positive mini message osc hidden"></div>
                                    <div class="ui negative mini message osc hidden"></div>
                                    <div class="ui primary large submit button">保存修改</div>
                                </form>
                            </div>

                            <div id="skillInfo_2" class="ui  tab basic padded segment">
                                <form class="ui skill-info form">
                                    <input type="hidden" name="user_code"
                                           value="VhmjI2ydI59dcgvIfjLjjwNXhskdrrGYif1Ki0Kr">
                                    <div class="field">
                                        <div class="fields">
                                            <div class="four wide field">
                                                <label>我是一名</label>
                                                <select class="ui dropdown">
                                                    <option value="">职位</option>
                                                    <option value="1">程序员</option>
                                                    <option value="2">高级程序员</option>
                                                    <option value="3">技术主管</option>
                                                    <option value="5">产品经理</option>
                                                    <option value="6">网页/平面设计</option>
                                                    <option value="8">部门经理</option>
                                                    <option value="9">QA/测试工程师</option>
                                                    <option value="10">系统管理员</option>
                                                    <option value="11">数据库管理员</option>
                                                    <option value="12">售前工程师</option>
                                                    <option value="13">个人站长</option>
                                                    <option value="14">CTO(技术副总裁)</option>
                                                    <option value="15">人事招聘</option>
                                                    <option value="50">iOS工程师</option>
                                                    <option value="51">Android工程师</option>
                                                    <option value="52">UI设计师</option>
                                                    <option value="53">前端工程师</option>
                                                    <option value="54">后端工程师</option>
                                                    <option value="55">产品经理</option>
                                                    <option value="56">运营/编辑</option>
                                                    <option value="57">其他</option>
                                                    <option value="58">项目经理</option>
                                                    <option value="59">架构师</option>
                                                    <option value="60">运维</option>
                                                    <option value="18">CEO</option>
                                                </select>
                                            </div>
                                            <div class="three wide field">
                                                <label>工作年限</label>
                                                <select class="ui dropdown">
                                                    <option value="">工作年限</option>
                                                    <option value="100">在读学生</option>
                                                    <option value="101">应届毕业生</option>
                                                    <option value="1">1 年</option>
                                                    <option value="2">2 年</option>
                                                    <option value="3">3 年</option>
                                                    <option value="4">4 年</option>
                                                    <option value="5">5 年</option>
                                                    <option value="6">6 年</option>
                                                    <option value="7">7 年</option>
                                                    <option value="8">8 年</option>
                                                    <option value="9">9 年</option>
                                                    <option value="10">10 年</option>
                                                    <option value="127">10 年以上</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="field">
                                        <label>目前状态</label>
                                        <div class="inline fields">
                                            <div class="field">
                                                <div class="ui radio checkbox">
                                                    <input type="radio" name="job_status" value="1"
                                                           checked="" tabindex="0">
                                                    <label>在职</label>
                                                </div>
                                            </div>
                                            <div class="field">
                                                <div class="ui radio checkbox">
                                                    <input type="radio" name="job_status" value="2"
                                                           tabindex="0">
                                                    <label>学生</label>
                                                </div>
                                            </div>
                                            <div class="field">
                                                <div class="ui radio checkbox">
                                                    <input type="radio" name="job_status" value="3"
                                                           tabindex="0">
                                                    <label>找工作中</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="fields">
                                        <div class="seven wide field">
                                            <label>工作单位</label>
                                            <input type="text" name="company" placeholder="请输入工作单位" value=""
                                                   maxlength="64">
                                        </div>
                                    </div>
                                    <div class="field lang-field">
                                        <label>熟悉的开发平台</label>
                                        <div class="ui four column doubling no-padding grid">
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang" value="1"
                                                           tabindex="0">
                                                    <label>Java EE</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang" value="2"
                                                           tabindex="0">
                                                    <label>Java SE</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="3"
                                                           tabindex="0">
                                                    <label>Android</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="4"
                                                           tabindex="0">
                                                    <label>iOS/Objective-C</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="5"
                                                           tabindex="0">
                                                    <label>J2ME/K-Java</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="6"
                                                           tabindex="0">
                                                    <label>C/C++</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="7"
                                                           tabindex="0">
                                                    <label>PHP</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="8"
                                                           tabindex="0">
                                                    <label>Perl</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang" value="9"
                                                           tabindex="0">
                                                    <label>Python</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="10"
                                                           tabindex="0">
                                                    <label>Ruby</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang" value="11"
                                                           tabindex="0">
                                                    <label>.NET/C#</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="12"
                                                           tabindex="0">
                                                    <label>ASP</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="13"
                                                           tabindex="0">
                                                    <label>Visual Basic</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="14"
                                                           tabindex="0">
                                                    <label>Groovy</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="15"
                                                           tabindex="0">
                                                    <label>Scala</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="16"
                                                           tabindex="0">
                                                    <label>JavaScript</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="17"
                                                           tabindex="0">
                                                    <label>ActionScript</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang" value="18"
                                                           tabindex="0">
                                                    <label>Delphi/Pascal</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="19"
                                                           tabindex="0">
                                                    <label>ErLang</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="20"
                                                           tabindex="0">
                                                    <label>Lua</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="21"
                                                           tabindex="0">
                                                    <label>HTML/CSS</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="22"
                                                           tabindex="0">
                                                    <label>Linux/Unix</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="lang"  value="0"
                                                           tabindex="0">
                                                    <label>其它</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="field professional-fields-field">
                                        <label>专长领域<span class="tip">（最多选3个）</span></label>
                                        <div class="ui four column doubling no-padding grid">
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="1"
                                                           tabindex="0">
                                                    <label>WEB开发</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="2"
                                                           tabindex="0">
                                                    <label>游戏开发</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="3"
                                                           tabindex="0">
                                                    <label>手机软件开发</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="4"
                                                           tabindex="0">
                                                    <label>桌面软件开发</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="5"
                                                           tabindex="0">
                                                    <label>服务器端开发</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="6"
                                                           tabindex="0">
                                                    <label>网页设计/UI/UED</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="7"
                                                           tabindex="0">
                                                    <label>软件测试/QA</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="8"
                                                           tabindex="0">
                                                    <label>软件开发管理</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="9"
                                                           tabindex="0">
                                                    <label>运维/系统/网络管理</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="10"
                                                           tabindex="0">
                                                    <label>DBA/数据库</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="11"
                                                           tabindex="0">
                                                    <label>网站运营/站长</label>
                                                </div>
                                            </div>
                                            <div class="column">
                                                <div class="ui checkbox ">
                                                    <input type="checkbox" name="field"  value="0"
                                                           tabindex="0">
                                                    <label>其它领域</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="ui primary large submit button">保存修改</div>
                                </form>
                            </div>

                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<script>
    $(function () {
        $("#btn").hover(function () {
            $("#up").removeClass("hidden");
            $("#up").addClass(" active");
            $("#up").attr("style", "display:flex!important;background-color: rgba(0, 0, 0, 0.2);");
        }, function () {
            $("#up").addClass("hidden");
            $("#up").removeClass("visible active");
            $("#up").removeAttr("style");
        });
        $("#btn2").hover(function () {
            $("#up2").removeClass("hidden");
            $("#up2").addClass(" active");
            $("#up2").attr("style", "display:flex!important;background-color: rgba(0, 0, 0, 0.2);");
        }, function () {
            $("#up2").addClass("hidden");
            $("#up2").removeClass("visible active");
            $("#up2").removeAttr("style");
        });

        $("#baseInfo_1").click(function () {
            clear1();
            $("#baseInfo_1").addClass("active");
            $("#baseInfo_2").addClass("active");
        });
        $("#contactInfo_1").click(function () {
            clear1();
            $("#contactInfo_1").addClass("active");
            $("#contactInfo_2").addClass("active");
        });
        $("#skillInfo_1").click(function () {
            clear1();
            $("#skillInfo_1").addClass("active");
            $("#skillInfo_2").addClass("active");
        });


    });

    function clear1() {
        $("#baseInfo_1").removeClass("active");
        $("#baseInfo_2").removeClass("active");
        $("#contactInfo_1").removeClass("active");
        $("#contactInfo_2").removeClass("active");
        $("#skillInfo_1").removeClass("active");
        $("#skillInfo_2").removeClass("active");
    }
</script>

</body>
</html>